
/*------------------------------------------------------------------------------
 Header (encapsulates tabs)
------------------------------------------------------------------------------*/

.tabs_trigger {
	height: 1.5em;
	padding: 0 0 0.48em 0;
	border-bottom: 1px solid #999999;
	margin: 0;
	position: relative;
	z-index: 1;
	background-color: #FFFFFF;
}

#application_tab_content {
	position: absolute;
	top: 7.5em;
	left: 0;
	right: 0;
	bottom: 0;
}

#application_tab_content .tab_content {
	position: absolute;
	top: 0.05em;			/* Required: Creates baseline beneath tab sets */
	left: 0;
	right: 0;
	bottom: 0;
}

/*------------------------------------------------------------------------------
 Tabs
------------------------------------------------------------------------------*/

/* Tab controls */

.tabs_trigger .tab_item,
.tabs_trigger .tab_item:hover,
.tabs_trigger .tab_item_page,
.tabs_trigger .tab_item_page:hover,
.tabs_trigger .tab_start,
.tabs_trigger .tab_stop {
	display: inline;
	margin: 0;
	float: left;
	cursor: pointer;
	font-size: 100%;
	border-left: 1px solid #E0E0E0;
}

.tabs_trigger .tab_item a,
.tabs_trigger .tab_item a:hover,
.tabs_trigger .tab_item_page a,
.tabs_trigger .tab_item_page a:hover {
	color: #FFFFFF;
	background: #0E173D url(images/application_tab_bkgd_webapp.gif) repeat-x 0 -50px;
}

/* Tab anchors/hovers */

.tabs_trigger .tab_item a:hover {
	text-decoration: none;
	background-color: #30395F;
	background-position: 0 0;
}

.tabs_trigger li a,
.tabs_trigger li a:hover,
.tabs_trigger li a:visited,
.tabs_trigger li a:visited:hover {
	color: #FFFFFF;
	padding: 0.4em 1.5em 0.1em;
	height: 1.5em;
	float: left;
}


/* Web Page Only tab controls */

.tabs_trigger .tab_item_page a {
	background: #5A5B64 url(images/application_tab_bkgd_webpage.gif) repeat-x;
	padding: 0.4em 1.5em 0.1em;
	height: 1.5em;
	float: left;
}

.tabs_trigger .tab_item_page a:hover {
	background-position: 0 -50px;
}


/* Start and End of tabs */

.tabs_trigger .tab_start, .tabs_trigger .tab_stop {
	cursor: default;
	height: 1.5em;
	padding: 0.4em 0.6em 0.1em;
	background: #B6B7BD;
}

.tabs_trigger .tab_stop {
	background: #B6B7BD url(images/application_tab_bkgd_stop.gif) no-repeat top right;
}


.tabs_trigger .active a,
.tabs_trigger .active a:hover,
.tabs_trigger .active a:visited,
.tabs_trigger .active a:visited:hover {
	background: #4D567E none;
	color: #FFFFFF;
	font-weight: bold;
}


.tabs_trigger .tab_item_page.active a,
.tabs_trigger .tab_item_page.active a:hover,
.tabs_trigger .tab_item_page.active a:visited,
.tabs_trigger .tab_item_page.active a:visited:hover {
	background: #FFFFFF url(/css/mediatel/images/application_tab_triggers_bkgd.gif) repeat-x 0 -0.2em;
	color: #000000;
}


/* Tabs in application_tab_content */

.application_workspace .tabs_trigger {
	background-color: transparent;
	padding-top: 0;
}

.application_workspace .tabs_trigger .tab_start {
	background-color: #9799A5;
}

.application_workspace .tabs_trigger .tab_stop {
	background: #9799A5 url(images/application_tab_bkgd_stop_panel.gif) no-repeat top right;
}

.application_workspace .tabs_trigger .active,
.application_workspace .tabs_trigger .active:hover {
	margin-top: 0;
}

#js_panel_content_bookmarks {
	padding: 1em;
	background-color: #F3F3F3;
	height: 4.5em;
	gap: 0 1em;
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-wrap: wrap;
}

#js_panel_content_bookmarks a {
	padding: 0 0.75em;
}

.application_workspace .tabs_trigger .active a,
.application_workspace .tabs_trigger a.active {
	background: #F3F3F3 none;
	color: #000000;
	padding-bottom: 0.2em;
	margin-top: 0;
}

.application_workspace .tabs_trigger .active a,
.application_workspace .tabs_trigger .active a:hover,
.application_workspace .tabs_trigger .active a:visited,
.application_workspace .tabs_trigger .active a:visited:hover {
	padding-top: 0.4em;
}

/*NEW APPLICATION TABS*/

#application_tab_triggers {
	border-bottom: 0px solid #ccc;
}

#application_tab_triggers li.active a,
#application_tab_triggers li.active a:hover,
#application_tab_triggers li.active a:visited,
#application_tab_triggers li.active a:visited:hover {
	border-bottom: 5px solid #ee3124;
    color: #ee3124;
}


#application_tab_triggers .tab_stop,
#application_tab_triggers .tab_start{
	background: none;
	padding: 0 0.19em 0;
}

/* Tab controls */

#application_tab_triggers .tab_item,
#application_tab_triggers .tab_item:hover,
#application_tab_triggers .tab_item_page,
#application_tab_triggers .tab_item_page:hover,
#application_tab_triggers .tab_start,
#application_tab_triggers .tab_stop {
	display: inline;
	margin: 0;
	float: left;
	cursor: pointer;
    font-size: 13px;
	border-left: 0px solid #fff;
}

#tab_sponsorship_old {
	display: none !important;
}

#application_tab_triggers .unactive {
	cursor: no-drop;
	pointer-events: none;
}

#application_tab_triggers .tab_item a,
#application_tab_triggers .tab_item a:hover,
#application_tab_triggers .tab_item_page a,
#application_tab_triggers .tab_item_page a:hover {
	color: #2b9af3;
	background: none;
	box-sizing: content-box;
}

/* Tab anchors/hovers */

#application_tab_triggers .tab_item a:hover,
#application_tab_triggers .tab_item_page a:hover  {
	text-decoration: none;
	background-color: none;
	background-position: 0 0;
	border-bottom: 5px solid #ee3124;
	color: #ee3124 ;
}

#application_tab_triggers li a,
#application_tab_triggers li a:hover,
#application_tab_triggers li a:visited,
#application_tab_triggers li a:visited:hover {
	float: left;
    font-weight: normal;
    height: 1.3em;
    margin: 14px 0 0 18px;
    padding: 0 0 3px;
}

#application_tab_triggers .tab_item_page.active a,
#application_tab_triggers .tab_item_page.active a:hover,
#application_tab_triggers .tab_item_page.active a:visited,
#application_tab_triggers .tab_item_page.active a:visited:hover {
	background: none;
	color: #ee3124;
	border-bottom: 5px solid #ee3124;
	text-decoration:none;
}
